body {
    overflow: hidden;
    background: #F5F6FA;
}

.app_top {
    width: 100vw;
    height: 200px;
    background: #526096;
}

.app_header {
    background: transparent !important;
    color: #fff;
}

.app_header .app_headerTitle {
    color: #fff;
}

.nut-button {
    position: fixed;
    width: 94% !important;
    left: 3%;
    bottom: 20px;
    background: #3967FD !important;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
}

.app_main {
    width: 94%;
    height: calc(100vh - 130px);
    overflow-y: scroll;
    position: relative;
    top: -150px;
    left: 3%;
}

.app_main1 {
    width: 94%;
    height: calc(100vh - 60px);
    overflow-y: scroll;
    position: relative;
    top: -150px;
    left: 3%;
}

.app_main_list1 {
    position: relative;
    width: calc(100% - 24px);
    padding: 12px;
    background: #FFFFFF;
    border-radius: 10px;
    margin-bottom: 10px;
}

.app_main_list1 .title {
    font-size: 18px;
    font-weight: 500;
    color: #222222;
    line-height: 26px;
    margin: 4px 0;
}

.app_main_list1 .txt {
    font-size: 12px;
    font-weight: 400;
    color: #797981;
    line-height: 20px;
}

.app_main_list1 .daohang {
    margin-top: 18px;
    height: auto;
    display: flex;
    flex-direction: column;
}

.addressItem {
    height: 36px;
    display: flex;
    flex-direction: row;
}

.addressItem .left {
    width: calc(100% - 78px);
    height: 36px;
    line-height: 18px;
    font-size: 12px;
    font-weight: 400;
    color: #222222;
}

.addressItem .btn {
    width: 76px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 400;
    color: #4F619D;
    border: 1px solid rgba(79, 97, 157, 0.19);
}

.addressItem .btn span {
    font-size: 12px;
    margin-right: 6px;
}

.app_main_list1 .showBox1 {
    position: absolute;
    top: calc(45% - 40px);
    right: 10px;
    width: 80px;
    height: 80px;
    background: #3967FD;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    text-align: center;
    line-height: 80px;
}

.app_main_list1 .showBox2 {
    position: absolute;
    top: calc(45% - 40px);
    right: 10px;
    width: 80px;
    height: 80px;
    background: rgba(57, 103, 253, 0.69);
    border-radius: 50%;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    text-align: center;
    line-height: 80px;
}

.app_main_list1 .showBox3 {
    position: absolute;
    top: calc(45% - 40px);
    right: 10px;
    width: 80px;
    height: 80px;
    background: rgba(57, 103, 253, 0.69);
    border-radius: 50%;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    text-align: center;
    line-height: 80px;
}

.app_main_list1 .stateBtn2 {
    display: inline-block;
    vertical-align: middle;
    width: 42px;
    height: 20px;
    background: linear-gradient(270deg, #FC8383 0%, rgba(255, 91, 91, 0.99) 100%);
    border-radius: 3px;
    font-size: 12px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 20px;
    text-align: center;
}

.app_main_list1 .stateBtn3 {
    display: inline-block;
    vertical-align: middle;
    width: 42px;
    height: 20px;
    background: linear-gradient(270deg, #93ABFF 0%, #415FFF 100%);
    border-radius: 3px;
    font-size: 12px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 20px;
    text-align: center;
}

.app_main_list2 {
    width: 100%;
    padding: 12px 0;
    background: #FFFFFF;
    border-radius: 10px;
    margin-bottom: 10px;
}

.app_main_list2 .listItem {
    position: relative;
    width: calc(100% - 24px);
    padding: 0 12px 12px;
    border-bottom: 1px solid #F3F4F8;
}

.app_main_list2 .listItem .title {
    line-height: 20px;
    font-size: 12px;
    font-weight: 400;
    color: #858597;
}

.app_main_list2 .listItem .txt {
    font-size: 12px;
    font-weight: 400;
    color: #222222;
    line-height: 20px;
}

.app_main_list2 .listItem .phone {
    position: absolute;
    top: calc(45% - 18px);
    right: 12px;
    width: 76px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 400;
    color: #4F619D;
    border: 1px solid rgba(79, 97, 157, 0.19);
}

.app_main_list2 .listItem .phone span {
    font-size: 12px;
    margin-right: 6px;
}

.app_main_list2 .listItem:last-of-type {
    border: none;
}

.app_main_list3 {
    width: calc(100% - 24px);
    padding: 12px;
    height: 244px;
    background: #FFFFFF;
    border-radius: 10px;
}

.app_main_list3 .app_main_list3Tabs {
    height: 32px;
    display: flex;
    flex-direction: row;
    align-items: baseline;
}

.app_main_list3 .app_main_list3Tabs div {
    padding: 0 12px;
    line-height: 32px;
    font-size: 14px;
    font-weight: 400;
    color: #858597;
}

.app_main_list3 .app_main_list3Tabs .active {
    padding: 0 12px;
    position: relative;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    font-weight: 500;
    color: #222222;
}

.app_main_list3 .app_main_list3Tabs .active::after {
    content: '';
    position: absolute;
    left: calc(50% - 21px);
    bottom: -1.5px;
    width: 42px;
    height: 3px;
    background: linear-gradient(243deg, #9DADFF 0%, #3D5CFF 100%);
    border-radius: 3px;
}

.app_main_list3Work .nut-row {
    margin: 12px 0;
    height: 70px;
    background: #F9FAFE;
    border-radius: 3px;
}

.app_main_list3Work .nut-row .nut-col-8 .flex-content {
    height: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
}